<template>
  <div class="catecard">
    <div class="card">
      <slot></slot>
    </div>
    <div class="cateheader"></div>
  </div>
</template>

<script setup lang="ts">
import {} from 'vue'
</script>

<style lang="scss" scoped>
.catecard {
  position: absolute;
  top: 38px;
  left: 0;
  z-index: 99;
  cursor: auto;
  .card {
    box-sizing: border-box;
    width: 940px;
    min-height: 200px;
    padding-bottom: 40px;
    background-color: #363636;
  }
  .cateheader {
    position: absolute;
    top: -8px;
    left: 40px;
    width: 0px;
    border-top: 1px solid transparent;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 11px solid #363636;
  }
}
</style>